<template>
  <div class="era">
      <div class="box">
          <img src="image/SmallTown/hema66.gif">
          <div class="boxone">
              <span>【盒花兑换】 购物袋-到店使用</span>
              <span>无门槛使用</span>
              <span>50盒花</span>
          </div>
          <div class="boxtow">
                <button>立即兑换</button>
          </div>
         
    </div>
    
    
  </div>
</template>

<script>
export default {

}
</script>
 
<style scoped>
  .era{
    width: 100%;
    background-color:#f7f7f7
  }
  .box{
    width: 96%;
    height: 1.06rem;
    margin: 0.1rem auto;
    background-color:#ffffff ;
    display: flex;
  }
  .box img{
        width: 0.9rem;
        height: 0.8rem;
        margin:0.15rem 0.13rem;
   }
   .boxone span{
     display: block;
     /* background-color: aqua; */
     margin: 0.1rem auto;
   }
   .boxone span:nth-child(1){
     font-size: 0.12rem;
     color:#2f2f2f;
   }
   .boxone span:nth-child(2){
     font-size: 0.1rem;
     color:#b4b4b4;
   }
   .boxone span:nth-child(3){
     font-size: 0.12rem;
     color:#bf5534;
   }

   .boxtow{
     flex: 1;
   }
   .boxtow button{
    border-radius: 20%;
    margin-top: 0.7rem;
    margin-left: 0.4rem;
    width: 0.7rem;
    height: 0.2rem;
    background-color: #ffa607;
    color:#edfdf6;
    border-style:none;
    font-size: 0.12rem;
   }
</style>